<template>
  <div>
    hello {{ list }}
    <div class="container">
      <div>
      <div class="son-item">sdfsadfsdafsd</div>
      </div>
    </div>
  </div>
</template>

<script lang='ts' setup>
import type { Person } from '@/types/person';

//TODO
type Props = {
  list: Person[];
  isVisible?: boolean;
}
const props = withDefaults(defineProps<Props>(),({
  list: () => [],
  isVisible: false
}));

console.log(props.list, "-----------------","bendixiugai222");
//   list: {
//     type: Array,
//     required: true,
//     default: () => []
//   },
//   isVisible: {
//     type: Boolean,
//     default: false
//   }
// })
// console.log(props.list, "-----------------");


// const updateList = (newList) => {
//   defineEmits(['update:list'])
// }
</script>

<style scoped lang='scss'>
.container :deep(.son-item){
  background-color: red;
}
</style>
